Ext.application({
    requires: ['Ext.container.Viewport'],
    name: 'PhetaManager',
    appFolder: 'app',
    

    launch: function() {
        Ext.create('Ext.container.Viewport', {

            layout: 'fit',
            items: [
                {
                    xtype: 'fieldset',
                    height: 174,
                    title: '',
                    items: [
                        {
                            xtype: 'textfield',
                            anchor: '100%',
                            fieldLabel: 'Usuario',
                            id: 'user',
                            name: 'user'
                        },
                        {
                            xtype: 'textfield',
                            anchor: '100%',
                            inputType: 'password',
                            id: 'pass',
                            fieldLabel: 'Password',
                            name: 'pass',
                        },
                        {
                            xtype: 'button',
                            height: 44,
                            width: 95,
                            text: 'Acceder',
                            handler: function(button, event) {
                                Ext.Ajax.request({ //dispara la petición  
                                    url: '/login', //la URL donde se realiza la petición  
                                    method:'POST', //El método HTTP usado para la petición  
                                    params:{usuario:Ext.getCmp('user').getValue(),password:(Ext.getCmp('pass').getValue())},//los parámetros que se usaran para la solicitud  
                                    success: function(response,options){//recibe la respuesta y el objeto de configuración  
                                        var json = Ext.decode(response.responseText);
                                        alert(json.msg);
                                        if(json.success)var el = Ext.get('response');
                                    }, //si se logró la comunicación, ejecuta la función “log”  
                                    failure: function(response,options){  
                                        var el = Ext.get('response');  
                                    }, //si falla, ejecuta la función “fail”  
                                    scope:this //especifica el contexto de las funciones anteriores  
                                }); 
                        }
					}
                    ]
                }
            ]
        });
    }
});

